<template>
   <div style="background: #F7F7F7">

     <div class="top">
       <div class="toppic">
				 <div @click="youhui()">
					 <p><img src="../../../src/assets/img/person/qbyouhui.png" alt=""></p>
					 <p>优惠券</p>
					 <!-- <p style="font-size:0rem;color:rgba(192,221,252,1);font-weight: 500;">11</p> -->
				 </div>

				 <div>
					 <p><img src="../../../src/assets/img/person/qbyue.png" alt=""></p>
					 <p>赛思币</p>
					 <!-- <p style="font-size:0.26rem;color:rgba(192,221,252,1);font-weight: 500;">{{money}}</p> -->
				 </div>
				 <div @click="ka()">
					 <p><img src="../../../src/assets/img/person/qiandaiz.png" alt=""></p>
					 <p>充值</p>
					 <!-- <p style="font-size:0rem;color:rgba(192,221,252,1);font-weight: 500;">111</p> -->
				 </div>
			 </div>
			 
			 <p class="monertop">{{money}}</p>
			 


			 <!-- <p class="moneytop">{{money}}</p> -->
     </div>
    

     <mt-cell title="消费记录" is-link style="margin-top: 0.2rem" @click.native="xiaofei()">
     </mt-cell>
     <mt-cell title="充值记录" is-link @click.native="txjilu()">
     </mt-cell>

     <!-- <mt-cell title="我的银行卡" is-link style="margin-top: 0.2rem" @click.native="xiugai()">
     </mt-cell> -->
<!-- 
     <van-popup v-model="show" position="top" :close-on-click-overlay="false">

       <div style="background: rgba(0,0,0,0.7);overflow: hidden;width: 100%;height: 100%">

           <div style="width: 80%;margin: auto;height: 6.2rem;background:#fff;border-radius: 0.08rem;margin-top: 30%">
             <div style="width: 3.3rem;margin: auto">
               <img src="static/img/timg.jpg" alt="" style="width: 100%;height: 3.3rem;margin-top: 0.78rem;">
               <p style="margin-top: 0.5rem;">
                 <img src="static/img/kechengxiangqing/zixun.png" alt="" style="width: 0.48rem;vertical-align: middle;margin-left: 0.1rem">
                 <span style="font-size:0.34rem;font-weight:800;color:rgba(51,51,51,1);
line-height:0.32rem;vertical-align: middle;margin-left: 0.3rem;">132****9846</span>
               </p>
               <p style="font-size: 0.26rem;color: #999;margin-top: 0.3rem;text-align: center;line-height: 0.32rem">
                 请联系客服提现
               </p>
             </div>
           </div>
           <div style="text-align: center">
             <img src="static/img/cha1.png" alt="" style="width: 0.66rem;margin-top: 0.5rem" @click="un1()">
           </div>
       </div>


     </van-popup>
 -->


   </div>
</template>

<script>
    export default {
        name: "Qianbao",
      data(){
          return{
            // show:false
						money:0.00,
          }
      },
      methods:{
          ka(){
            this.$router.push({
               path:'/zaixiancongzhi'
             })

          },
          youhui(){
            this.$router.push({
              path:'/youhui'
            })
          },
        txjilu(){
          this.$router.push({
            path:'/txjilu'
          })
        },
        xiugai(){
            this.$router.push({
              path:'/xgmm'
            })
        },
        xiaofei(){
            this.$router.push({
              path:'/xf'
            })
        },
				// 用户信息接口
				getUserInfo(){
					this.axios.get(this.$store.state.url + "User/getUserInfo").then(res=>{
					  // console.log(res.data)
					  if (res.data.errcode == 0||res.data.errcode == '0'){
							this.money = res.data.data.money
					  }
					})
				}
      },
			mounted() {
				this.sdk.getJSSDK('','',this.$store.state.url);	
				this.getUserInfo();
			}
    }
</script>

<style scoped>
	.moneytop{
		text-align: center;
	}
    .top{
      width: 100%;
      height: 2.35rem;
      background: url("../../../src/assets/img/person/qbbeijing.png") no-repeat;
      background-size: 100% 100%;
      /* display: flex; */
    }
		.toppic{
			display: flex;
			padding-top: .5rem;
		}
  .toppic div{
    width: 33%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;

  }
  .toppic div p{
    width: 100%;
    font-size:0.34rem;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-align: center;
  }
  .toppic div img{
    width: 0.52rem;
  }
	.top .monertop{
		width: 100%;
		text-align: center;
		font-size: .26rem;
		margin-top: .1rem;
		color: #C0DDFC;
	}

</style>
